<template>
	<view class="container">
		<cu-custom bgColor="bg-blue" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">工作检修签字详情</block>
		</cu-custom>
		
		<view class="contentContainer bg-top bg-blue">
			<view class="contentHeader boxWatch">
				<text class="signKey">签字人员</text>
				<!-- <text>{{signName}}</text> -->
				<u-input v-model="signName" :disabled="true"></u-input>
			</view>
			
			<view class="contentName boxWatch">
				<view>
					<view class="titleLine"><text class="signKey">签字内容</text></view>
					<image class="namePic" :src="src" mode=""></image>
				</view>
			</view>
			
			<view class="contentHeader boxWatch">
				<text class="signKey">签字时间</text>
				<!-- <text>{{signTime}}</text> -->
				<u-input v-model="signTime" :disabled="true"></u-input>
			</view>
			
			<view class="contentName boxWatch">
				<view>
					<view class="titleLine"><text class="signKey">工作票签发人补充说明</text></view>
					<u-input
						type="textarea"
						v-model="textAreaVal"
						:border="true"
						height="400"
						:clearable="false"
						:auto-height="false"
						:disabled="true"
					/>
					
				</view>
			</view>
			
			<view class="btn">
				<u-button type="primary" @click="back">返回</u-button>
			</view>
			
			<view class="contentEmp">
				
			</view>
		</view>
		
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				signName: '',
				src:'',
				signTime: '2023-03-23 15:30:45',
				textAreaVal:'到达现场后实验能否启动电气设备，确认不能启动后，将闭锁开关闭锁，并悬挂警示牌后，方可进行检修。'
			}
		},
		created() {
			this.getName()
		},
		methods: {
			getName() {
				this.signName = '周权'
			},
			back() {
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container{
		padding-bottom: 30rpx;
		.contentContainer {
			color: #000;
			padding: 20rpx 40rpx;
			&.bg-top{
				margin-top: -1rpx;
				width: 750rpx;
				height: 220rpx;
				padding-top: 30rpx;
				border-radius: 0 0 20% 20%;
			}
			
			.boxWatch{
				padding: 30rpx;
				border-radius: 20rpx;
				background-color: #fff;
				box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
				// width: 90%;
				margin: 0 auto 20rpx;
			}
			
			.contentHeader {
				display: flex;
				justify-content: space-between;
				align-items: center;
				
				.signKey {
					font-weight: 700;
					font-size: 30rpx;
					margin: 20rpx;
				}
			}
			.contentName{
				.titleLine {
					padding: 20rpx 0;
					border-bottom: 1rpx solid rgba(242, 242, 242, 1);
					.signKey {
						font-weight: 700;
						font-size: 30rpx;
						margin: 20rpx;
					}
				}
				.namePic{
					width: 100%;
					margin-top: 20rpx;
				}
			}
			.btn {
				margin-bottom: 30rpx;
			}
			.contentEmp {
				height: 20rpx;
			}
		}
	}
	
</style>